<template>
    <div class="myButtons">
        <my-button url="url(../../static/img/shang.png)" myWidth="50" myHeight="50" borderR="50%" class="ml75" backgroundPosition="top center"></my-button>
        <div class="clearfix">
            <my-button url="url(../../static/img/zuo.png)" myWidth="50" myHeight="50" borderR="50%" class="fl" backgroundPosition="left center"></my-button>
            <my-button url="url(../../static/img/you.png)" myWidth="50" myHeight="50" borderR="50%" class="fr" backgroundPosition="right center"></my-button>
        </div>
        <my-button url="url(../../static/img/xia.png)" myWidth="50" myHeight="50" borderR="50%" class="ml75" backgroundPosition="bottom center"></my-button>
    </div>
</template>
<style lang="less">
    @import "../../less/buttons";
</style>
<script>
    import myButton from './button.vue'
    export default {
        components: {
            myButton
        },
        data() {
            return {}
        },
        methods: {},
        mounted() {

        }
    }
</script>